<template>
  <div>
    <table border="1">
      <tr>
        <th>书名</th>
        <th>作者</th>
        <th>出版社</th>
        <th>操作</th>
      </tr>
      <tr v-for="item in BookList" :key="item.id">
        <td>{{ item.bookname }}</td>
        <td>{{ item.author }}</td>
        <td>{{ item.publisher }}</td>
        <td>
          <slot name="btn" :id="item.id"></slot>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
import { mapState } from "vuex";
export default {
  name: "",
  data() {
    return {};
  },
  created() {},
  computed: {
    ...mapState("book", ["BookList"]),
  },
  methods: {},
};
</script>
<style lang='less'  scoped>
</style>
